<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>角色管理</title>

    <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/bootstrap-treeview.min.css" rel="stylesheet">




</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>角色管理</h5>
                    </div>
                    <div class="ibox-content">
                        <table id="dataTable"></table>
                    </div>
                </div>
            </div>
        </div>
        <div id="toolbar">
            <button type='button' class='btn btn-primary'  data-toggle="modal" data-target="#addRole">
                <i class='fa fa-plus'></i>&nbsp;添加角色
            </button>

            <button type='button' class='btn btn-primary'  data-toggle="modal" name="update">
                <i class='fa fa-plus'></i>&nbsp;修改角色
            </button>

            <button type='button' class='btn btn-primary'  data-toggle="modal" name="delete">
                <i class='fa fa-plus'></i>&nbsp;删除选中
            </button>
        </div>
    </div>


    <div class="modal inmodal" id="addRole" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated bounceInRight">
                <form class="form-horizontal m-t" id="addInfoForm" method="post">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                        </button>
                        <i class="fa fa-edit modal-icon"></i>
                    </div>
                    <div class="modal-body">
                        <input id="id" name="id" class="form-control" type="hidden">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">角色名称：</label>
                            <div class="col-sm-8">
                                <input id="roleName" name="roleName" class="form-control" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">角色描述：</label>
                            <div class="col-sm-8">
                                <input id="roleDesc" name="roleDesc" class="form-control" type="text">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" data-dismiss="modal" ><i class='fa fa-times'></i>&nbsp;关闭</button>
                        <button type="submit" class="btn btn-primary" name="save"><i class='fa fa-plus'></i>&nbsp;保存角色</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="modal inmodal" id="roleModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated bounceInRight">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                    </button>
                    <h4 class="modal-title">权限分配</h4>
                </div>
                <div class="modal-body">
                    <div id="searchTree"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="doPermissionAllocation()">分配菜单</button>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="js/plugins/validate/jquery.validate.min.js"></script>
<script src="js/plugins/validate/messages_zh.min.js"></script>
<script src="js/plugins/toastr/toastr.min.js"></script>
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="js/treeview/bootstrap-treeview.min.js"></script>
<script src="js/pubProcessing.js"></script>
<script src="js/validate/roleManagerValidate.js"></script>
<script src="js/validate/roleManagerProcessing.js"></script>
</html>